@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{	margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
ol, ul{list-style:none}
blockquote, q{	quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';	content:none}
body{font:75%/1.5em "Microsoft YaHei", sans-serif;text-align:center;color:#fff;background:#f9f9f9 url(../images/bg_body.jpg) repeat-x 50% 0}
table {table-layout: fixed;word-break: break-all;border-collapse:collapse}
input{margin:0;padding:0;border:none;outline:none;font-size:100%}
h1 { padding-top:80px; line-height: 70px; font-size:70px; font-weight:100; text-align: center; }
p{line-height:1.5em}
a{color:#444;	text-decoration:none}
a:hover{color:#a3110e;text-decoration:none}

.clearfix{*zoom:1} /* For IE 6/7 */
.clearfix:before, .clearfix:after{ display:table;content:""}
.clearfix:after{clear:both}
.fl{float: left;}
.fr{float: right;}

.warp{ position:relative; margin:0 auto;max-width:1170px;}
.bbs { position:absolute; right:0; top:14px; }
.bbs a { display: block; width: 88px; height: 28px; line-height: 28px; color:#fff; border-radius: 14px; background: #6498ca; }
.button { padding-top: 20px; text-align: center; }
.button a{ display: block; margin: 0 auto; width:197px; height: 74px; background:url(../images/bt_down.png) no-repeat;}

.meta { padding-top: 20px; list-style: 34px; font-size: 34px; }

.focus{position:relative;width:1000px;height:650px;margin:20px auto;}
.focus ul{position:relative;width:1000px;height:650px}
.focus li{position:absolute;z-index:0;top:146px;left:377px; width:0px;height:0px;}
.focus li img{width:100%;height:100%;background:url(../images/loading.gif) no-repeat center;vertical-align:top}
.focus li p{position:absolute;left:10px;top:450px;width:580px;height:50px;background:#000; opacity:.8; text-indent:8px;color:#fff; border-radius:3px;}
.focus li p span{display:inline-block; padding:5px;width:560px;height:40px;overflow:hidden; text-align: center; line-heigth: 40px; padding: 15px 0; }
.focus .prev,.focus .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:40px;height:70px;top:170px;}
.focus .prev{background:url(../images/bt_turn.png) left bottom no-repeat;left:0px}
.focus .next{background:url(../images/bt_turn.png) right bottom no-repeat;right:0px} 
.focus .prev:hover{background-position:left top;}
.focus .next:hover{background-position:right top;}

.user{margin:50px auto;width:824px;height:583px;background:url(../images/bg_user.png) no-repeat}
.user .top{padding:90px 0 20px 0}
.user .top p{margin:0 auto;width:220px;height:32px;border-radius:2px;border:solid 2px #8f5233}
.user .top p a{display:block;float:left;width:50%;height:32px;line-height:32px;text-align:center;font-size:16px;color:#8f5233;background:#daad55}
.user .top p a.on{color:#cda462;background:#8f5233}
.user .bot{padding:0 192px}
.user .bot ol{margin:0 auto 20px;width:280px;background:url(../images/bg_139.png) no-repeat 70px 10px}
.user .bot ol li{float:left;width:50%;text-align:center;color:#fff}
.user .bot ol li span{display:block;margin:0 auto 5px;width:20px;height:20px;list-style:20px;color:#aaa;border-radius:50%;border:solid 1px #ddd;background:#fff}
.user .bot ol li.on{color:#fcdc5c}
.user .bot ol li.on span{color:#fff;border-color:#fcdc5c;background:#fcdc5c}
.user .bot ul li{margin-top:10px;height:38px;text-align:left;border-radius:3px;border:solid 1px #ddd;background:#fff}
.user .bot ul li label{padding-left:20px;height:34px;vertical-align:middle;color:#aaa}
.user .bot ul li input{height:34px;vertical-align:middle;color:#333}
.user .bot ul li img{margin-right:10px;height:38px;vertical-align:middle;border-top-left-radius:2px;border-bottom-left-radius:2px}
.user .bot ul li.err{position:relative;margin-bottom:28px;zoom:1;}
.user .bot ul li.err span{position:absolute;z-index:9;top:40px;left:0;display:block;width:94%;height:24px;line-height:24px;text-indent:16px;opacity:0.85;color:#fff;border-radius:4px;background:#98793b}
.user .bot ul li.err span:before{position:absolute;top:-5px;left:20px;content:'';margin-left:-6px;width:0;height:0;line-height:0;border:dashed 6px #98793b;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}
.user .bot p{margin-top:10px;text-align:left}
.user .bot p a{color:#fbdb5b}
.user .bot p input{width:100%;height:40px;font-size:18px;cursor:pointer;color:#fff;background:url(../images/bt_user.png) repeat-x}
.user .bot p.p1{padding-top:40px;text-align:center}
.user .bot p.p2{padding-top:10px;text-align:center;font-size:16px;color:#8f5233}

.exchange{margin:50px auto;width:824px;height:583px;background:url(../images/bg_user.png) no-repeat}
.exchange .top{padding:97px 0 10px 0;font-size:16px;font-weight:700;color:#8f4426}
.exchange .bot{padding:0 80px}
.exchange .bot ul li{margin-top:20px;padding:17px 22px;height:45px;text-align:left;border-radius:3px;box-shadow:0 1px 1px #af8a43;background:#f8e28f}
.exchange .bot ul li p.fl{height:45px;line-height:45px;font-size:20px;color:#8f4426}
.exchange .bot ul li p.fl span{padding:0 15px;vertical-align:middle}
.exchange .bot ul li p.box{padding-right:8px;border-radius:3px;background:#ecd069}
.exchange .bot ul li p.box span{padding:0 8px 0 15px}
.exchange .bot ul li p.box img{vertical-align:middle}
.exchange .bot ul li input[type=text]{margin:0 10px;width:40px;height:30px;vertical-align:middle;text-align:center;font-size:20px;color:#8f4426}
.exchange .bot ul li input[type=button]{margin:0 10px;width:103px;height:43px;vertical-align:middle;cursor:pointer;background:url(../images/bt_exchange.png) no-repeat}

.ico{display:inline-block;width:30px;height:30px;vertical-align:middle;overflow:hidden;background:url(../images/ico.png) no-repeat}
.ico.add{background-position:0px 0px}
.ico.minus {background-position:-30px 0px}
.ico.refresh{background-position:-60px 0px}
.ico.close { background-position:-90px 0px;}

.fade {opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.fade.in {opacity:1}

.modal{display:none;width:300px;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate3d(0, -25%, 0);-o-transform:translate3d(0, -25%, 0);transform:translate3d(0, -25%, 0)}
.modal.in .modal-dialog{-webkit-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.modal-content{position:relative;background-color:#fff;border-radius:2px;box-shadow:0 0 9px rgba(0,0,0,.5)}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:14;background-color:#000}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
.modal-header{ padding:5px 5px 0 15px;background: #a35730}
.modal-header h4 { padding:5px 0 10px 5px; text-align: left;}
.modal-header .close{ float: right; cursor: pointer;}

.modal-body {position:relative;padding:25px 0; height:40px; line-height:40px; text-align:center; font-size:14px; color:#333;}
.modal-body img { margin-right:10px; vertical-align: middle; }
.modal-footer { margin:0 10px; padding: 10px 0; text-align: right; border-top:solid 1px #ddd; }
.modal-footer input { width: 72px; height:26px; cursor: pointer; border-radius:2px; border:solid 1px #ddd; background: url(../images/bt_26.png) repeat-x }
.foot { height:70px; overflow:hidden;}
.foot p{line-height:2em}
.foot .logo { float: left; width: 263px; height: 53px; }
.foot .contact { float: right; padding-left: 100px; width: 163px; height: 53px; text-align:left; }